<template>
  <div class="component component--module table__block ">
    <div class="column column--primary">
      <div class="element element--tableblock contained">
        <h1>Key Industries</h1>
        <div class="cont">
          <div class="cont-list" v-for='(item, idx) in keyInsData' :key='idx'>
            <router-link to="" class="label">{{ item.typeName }} </router-link>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
const keyInsData = ref([])
onMounted(() => {
  const data = localStorage.getItem('tabMdData')
  if (data) {
    keyInsData.value = JSON.parse(data).investingIndustry
  }
})
</script>
<style scoped lang='scss'>
.cont {
  border-top: 1px solid #e1e1e1;

  .cont-list {
    width: 50%;
    border-bottom: 1px solid #e1e1e1;
    font-size: .813rem;
    line-height: 1.375;
    float: left;
    padding: 10px 0;

    .label {
      color: #202020;
      text-decoration: underline;
      -webkit-text-decoration-color: #3677a8;
      text-decoration-color: #3677a8;
      text-underline-position: under;
    }
  }
}
</style>